<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../day06/css/reset.css">
    <link rel="stylesheet" href="css/taobao.css">
</head>
<body>
    <div class="container">
        <!-- logo start -->
        <div class="logo">
            <img src="imgs/logo.jpg" alt="">
            <div>Hi！<span>你好</span></div>
        </div>
        <!-- logo end -->
        <!-- btns start -->
        <div class="btns">
            <a href="#">登陆</a>
            <a href="#">注册</a>
            <a href="#">开启</a>
        </div>
        <!-- btns end -->
        <!-- adv -->
        <div class="adv">
            <img src="imgs/adv.png" alt="">
        </div>
        <!-- notice -->
        <div class="notice">
            <p>
                <span>公告</span>
                新鲜事我都在这里~
            </p>
            <ul>
                <li><span class="hot">热点</span>2021年淘宝11.11招商规则</li>
                <li><span class="hot">热点</span>2021年淘宝11.11招商规则</li>
                <li><span class="hot">热点</span>2021年淘宝11.11招商规则</li>
            </ul>
        </div>
        <div class="my">
            <ul>
                <li>
                    <img src="imgs/favorite.png" alt="">
                    <div>收藏的宝贝</div>
                </li>
                <li>
                    <img src="imgs/buy.png" alt="">
                    <div>买过的店铺</div>
                </li>
                <li>
                    <img src="imgs/shop.png" alt="">
                    <div>收藏的店铺</div>
                </li>
                <li>
                    <img src="imgs/history.png" alt="">
                    <div>我的足迹</div>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>